define(['./style'], function(style) {
  var data = [
    ["14:20",30,40],
    ["14:40",40,45],
    ["15:20",5,30],
    ["15:40",15,20],
    ["15:00",15,60],
    
    ["15:53",25,10]
  ]

  var time = [], data1 = [], data2 = []
  for (var i = 0; i < data.length; i++) {
    time.push(data[i][0]),
    data1.push(data[i][1])
    data2.push(data[i][2])
  }
  var option = {
    "padding": {
      "top": 0,
      "left": 0,
      "bottom": 0,
      "right": 0
    },
    "yAxis": [
      {
        "axisLabel": {
          "rotate": 0,
          "margin": 8,
          "show": true,
          "textStyle": {
            "fontFamily": "Microsoft YaHei,PingFang SC",
            "color": "#70C3FA",
            "fontSize": 12,
            "opacity": 100
          }
        },
        "axisLine": {
          "lineStyle": {
            "color": "#236592",
            "width": 1,
            "opacity": 100
          },
          "onZero": false,
          "show": true
        },
        "axisTick": {
          "show": false
        },
        "splitLine": {
          "lineStyle": {
            "color": "#236592",
            "opacity": 1
          },
          "show": true
        },
        "name": "",
        "nameShow": false,
        "nameTextStyle": {
          "fontFamily": "Microsoft YaHei,PingFang SC",
          "color": "#70C3FA",
          "fontSize": 12,
          "opacity": 1
        }
      },
      {
        "axisLabel": {
          "margin": 8,
          "show": false,
          "textStyle": {
            "color": "#70C3FA",
            "fontSize": 12,
            "opacity": 100
          }
        },
        "axisLine": {
          "lineStyle": {
            "color": "#236592",
            "width": 1,
            "opacity": 100
          },
          "onZero": false,
          "show": false
        },
        "axisTick": {
          "show": false
        },
        "splitLine": {
          "lineStyle": {
            "color": "#236592",
            "opacity": 1
          },
          "show": false
        }
      }
    ],
    "xAxis": {
      "axisLabel": {
        "rotate": 0,
        "margin": 8,
        "show": true,
        "textStyle": {
          "fontFamily": "Microsoft YaHei,PingFang SC",
          "color": "#70C3FA",
          "fontSize": 12,
          "opacity": 100
        }
      },
      "data": time,
      "axisLine": {
        "lineStyle": {
          "color": "#236592",
          "width": 1,
          "opacity": 100
        },
        "onZero": true,
        "show": true
      },
      "axisTick": {
        "show": false
      },
      "splitLine": {
        "lineStyle": {
          "color": "#236592",
          "opacity": 1
        },
        "show": true
      },
      "seperate": "auto",
      "name": "",
      "boundaryGap": false,
      "nameShow": false,
      "nameTextStyle": {
        "fontFamily": "Microsoft YaHei,PingFang SC",
        "color": "#70C3FA",
        "fontSize": 12,
        "opacity": 1
      }
    },
    "color": [
      "#02a8f5",
      "#90ed7e",
      "#e3dc1b",
      "#f79628",
      "#ab5ee6",
      "#f26f92",
      "#1970fc",
      "#637bff",
      "#13d1c1",
      "#22d47e"
    ],
    "legend": {
      "inactiveColor": "rgba(72,97,122,.85)",
      "data": [
        {
          "name": "服务器A"
        },
        {
          "name": "服务器B"
        }
      ],
      "show": true,
      "textStyle": {
        "fontSize": 12,
        "color": "#fff",
        "fontFamily": "Microsoft YaHei,PingFang SC"
      },
      "top": "top",
      "right": "5%",
      "orient": "horizontal"
    },
    "grid": {
      "top": 36,
      "left": 10,
      "bottom": 10,
      "right": 10,
      "containLabel": true
    },
    "series": [
      {
        "symbol": "circle",
        "lineMode": "curve",
        "stack": false,
        "showSymbol": true,
        "data": data1,
        "symbolSize": 5,
        "itemStyle": {
          "emphasis": {
            "borderColor": "white",
            "borderWidth": 2
          }
        },
        "label": {
          "normal": {
            "position": "inside",
            "textStyle": {
              "fontSize": 12,
              "color": "#fff",
              "fontFamily": "Microsoft YaHei,PingFang SC"
            },
            "formatter": "{c}",
            "show": false
          }
        },
        "type": "line",
        "areaStyle": {
          "normal": {
            "show": false,
            "opacity": 0,
            "color": null
          }
        },
        "lineStyle": {
          "normal": {
            "opacity": 1
          }
        },
        "name": "服务器A",
        "step": false,
        "z": 10,
        "smooth": 0.3
      },
      {
        "lineMode": "curve",
        "symbol": "circle",
        "stack": false,
        "showSymbol": true,
        "data": data2,
        "symbolSize": 5,
        "itemStyle": {
          "emphasis": {
            "borderColor": "white",
            "borderWidth": 2
          }
        },
        "label": {
          "normal": {
            "position": "inside",
            "textStyle": {
              "fontSize": 12,
              "color": "#fff",
              "fontFamily": "Microsoft YaHei,PingFang SC"
            },
            "formatter": "{c}",
            "show": false
          }
        },
        "type": "line",
        "areaStyle": {
          "normal": {
            "show": false,
            "opacity": 0,
            "color": null
          }
        },
        "lineStyle": {
          "normal": {
            "opacity": 1
          }
        },
        "name": "服务器B",
        "step": false,
        "z": 10,
        "smooth": 0.3
      }
    ],
    "tooltip": {
      "axisPointer": {
        "shadowStyle": {
          "color": "rgba(2, 44, 76, 0.3)"
        },
        "z": -1,
        "type": "shadow"
      },
      "trigger": "axis"
    },
    "toolbox": {
      "show": true
    },
    "textStyle": {
      "color": "#fff"
    },
    "title": {
      "textStyle": {
        "color": "#ffffff",
        "fontSize": 12
      }
    },
    "dataZoom": null
  }

  return option;
})
